<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="<?php echo base_url('public_source/javascript/jquery-1.9.1.js')?>" type="text/javascript"></script>  
        <title></title>
        <link rel="icon" type="image/png" href="<?php base_url("public_source/images_source/icon_web.png") ?>">
        <meta name="keyword" content="hitechstore">
        <meta name="description" content="HitechStore.com - Chuyên bán laptop, phụ kiện và các thiết bị kỹ thuật số ">
        <script>
            $(document).ready(function(){	
                    
                    $(".love").click(function(){
                    $.ajax({
                            type: "POST",
                            url: "<?php echo site_url("home/add_like") ?>",
                            data: {id : $(this).attr("id")},
                            async: true,
                            success: function(kq){
                                var getData = $.parseJSON(kq);
                            if (getData.error === "OK")
                            {
                                alert("Đã thêm sản phẩm vào danh sách yêu thích");
                            }
                            else
                            {
                                alert(getData.error);
                            } }
                    });
                    return false;
                    });	
            });
        </script>
    </head>
    <script>
        $(document).ready(function(){
            $(".decrease input").change(function(){
            var name = $(this).attr("class");
            var count = $(this).val();
            var data = {
                    id : name,
                    count: count
            };
            $.ajax({
                type: "POST",
                url: "<?php echo site_url('home/my_cart');?>",
                data: data,
                async: false,
                beforeSend: function(){
                        $("#ajax_change").html(""); 
                },
                success: function(kq){
                        $("#ajax_change").html(kq);
                }
            });
                return false;
            });	
            
            $(".xoa").click(function(){
            var name = $(this).attr("href");
            var data = {
                    id : name
            };
            $.ajax({
                type: "POST",
                url: "<?php echo site_url('home/my_cart');?>",
                data: data,
                async: false,
                beforeSend: function(){
                        $("#ajax_change").html(""); 
                },
                success: function(kq){
                        $("#ajax_change").html(kq);
                }
            });
                return false;
            });	
        });
    </script>
    <body>
        
        <div id="ajax_change">
            <table id="detail_table" cellspacing="10px">
                <?php 
                    if (count($cart) != 0)
                    {
                        foreach ($cart as $key=>$item)
                        {
                            if ($item["name"])
                            {
                                echo "<tr>";
                                echo '<td><a href=""><img width="150px" height="130px" src="'.base_url($item["url"]).'"></a></td>';
                                echo '<td>';
                                echo '<div style="margin-left: 10px; width: 320px; height:130px" class="'.$key.'">';
                                echo '<a style="font-weight: normal; font-size: 20px" href="">'.$item["name"].'</a>';
                                echo '<div style="margin-top: 10px; font-weight: normal; font-size: 12px"><strong>Giá:</strong> <a>'.number_format($item["cost"],0,'.','.').'</a> VNĐ</div>';
                                echo '<form class="decrease" style="margin-top: 10px; font-weight: normal; font-size: 12px" ><strong>Số lượng: </strong><input class="'.$key.'" style="width: 40px" value="'.$item["count"].'" type="number" name="quantity" min="1" max="100"></form>';
                                echo '<div class="total'.$key.'" style="margin-top: 28px; font-weight: normal; font-size: 16px"><strong>Thành tiền: '.number_format($item["total"],0,'.','.').' VNĐ</strong></div>';
                                echo '</div>';
                                echo '</td>';
                                echo '<td><a style="color: red" class="xoa" href="'.$key.'">xóa</a></td>';
                                echo '<td><a id="'.$key.'" class="love" style="float: right; cursor: pointer;" title="Thêm vào yêu thích"><img src="'.base_url("public_source/images_source/green-plus-sign-md.png").'" width="15px" height="15px"></a></td>';
                                echo "</tr>";
                            }
                        }
                    
                ?>
                <tr>
                    <td></td>
                    <td>
                        <div class="total" style="margin-left: 10px; color: red; font-weight: normal; font-size: 20px"><strong>Tổng tiền: <?php echo number_format($total,0,'.','.') ;?> VNĐ</strong></div>
                    </td>
                    <td></td>
                </tr>
                <tr>
                    <td>
                        Tiếp tục mua sắm <a style='color: blue' href='<?php echo site_url("home/index"); ?>'>Tại đây</a>
                    </td>
                </tr>
                    <?php }else{
                        echo "<tr>";
                        echo "<td>";
                        echo "Hiện không có sản phẩm nào trong giỏ hàng của bạn. Tiếp tục mua sắm "."<a style='color: blue' href='".site_url("home/index")."'>Tại đây</a>";
                        echo "</td>";
                        echo "</tr>";
                    } ?>
            </table>
        </div>
    </body>
</html>